<!DOCTYPE html>
<html>
<!-- 洗车后 -->

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title style="background-color: #00c6a7;">洗车后 </title>
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../css/ali-icon/iconfont.css" />
	<style type="text/css">
		.order {
			height: 60px;
			line-height: 60px;
			text-align: center;
		}

		.order .line {
			display: inline-block;
			width: 150px;
			border-top: 1px solid #ccc;
		}

		.order .txt {
			color: #686868;
			vertical-align: middle;
		}
	</style>
</head>

<body>
	<div id="app">
		<header class="aui-bar aui-bar-nav" style="padding-top:25px;background-color: #00c6a7;">
			<a class="aui-pull-left aui-btn" onclick="api.closeWin();">
				<span class="aui-iconfont aui-icon-left"></span>
			</a>
			<div class="aui-title" style="background-color: #00c6a7;">洗车后</div>
		</header>
		<div class="order">
			<span class="line"></span>
			<span class="txt">正面</span>
			<span class="line"></span>
		</div>
		<ul class="aui-list aui-media-list">
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div class="aui-row aui-row-padded">
						<div class="aui-col-xs-6">
							<img src="../image/front.jpg" height="100px;" width="100px;" />
						</div>
						<div class="aui-col-xs-6" @click="showAction('afront');">
							<img id="afront" name="afront" src="../image/before.png" height="100px;" width="100px;" />
						</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="order">
			<span class="line"></span>
			<span class="txt">侧面</span>
			<span class="line"></span>
		</div>
		<ul class="aui-list aui-media-list">
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div class="aui-row aui-row-padded">
						<div class="aui-col-xs-6">
							<img src="../image/left.jpg" height="100px;" width="100px;" />
						</div>
						<div class="aui-col-xs-6" @click="showAction('aleft');">
							<img id="aleft" name="aleft" src="../image/before.png" height="100px;" width="100px;" />
						</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="order">
			<span class="line"></span>
			<span class="txt">侧面</span>
			<span class="line"></span>
		</div>
		<ul class="aui-list aui-media-list">
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div class="aui-row aui-row-padded">
						<div class="aui-col-xs-6">
							<img src="../image/left.jpg" height="100px;" width="100px;" />
						</div>
						<div class="aui-col-xs-6" @click="showAction('aright');">
							<img id="aright" name="aright" src="../image/before.png" height="100px;" width="100px;" />
						</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="order">
			<span class="line"></span>
			<span class="txt">背面</span>
			<span class="line"></span>
		</div>
		<ul class="aui-list aui-media-list">
			<li class="aui-list-item">
				<div class="aui-list-item-inner">
					<div class="aui-row aui-row-padded">
						<div class="aui-col-xs-6">
							<img src="../image/back.jpg" height="100px;" width="100px;" />
						</div>
						<div class="aui-col-xs-6" @click="showAction('aback');">
							<img id="aback" name="aback" src="../image/before.png" height="100px;" width="100px;" />
						</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="aui-card-list-footer aui-border-t">
			<div></div>
			<div class="aui-btn aui-btn-success" style="width:90%;display:block;margin:0 auto" onclick="startorder()">补传完成</div>
		</div>
	</div>

</body>
<script type="text/javascript" src="../script/common/vue.js"></script>
<script type="text/javascript" src="../script/base64.js"></script>
<script type="text/javascript" src="../script/md5.js"></script>
<script type="text/javascript" src="../script/common/api.js"></script>
<script type="text/javascript" src="../script/aui-dialog.js"></script>
<script type="text/javascript" src="../script/my/photo.js"></script>
<script type="text/javascript">
	apiready = function() {
		vm.afterShowPic(); //照片初始化
	};
	function startorder() {
		if (vm.photoAfterCount>0) {
			vm.beforeIsok = true;
			//发送订单完成事件
			api.sendEvent({
				name: 'orderover',
				extra: {
					msg: '订单完成'
				}
			});
			api.closeToWin({
					name: 'root'
			});
		} else {
			if (!vm.hasNullFile()) {
				vm.bindPhoto(vm.orderStatus.TRADE_SUCCESS, vm.imglist, function(ret, err) {
					vm.beforeIsok = true;
					//发送订单完成事件
					api.sendEvent({
						name: 'orderover',
						extra: {
							msg: '订单完成'
						}
					});
					api.closeToWin({
							name: 'root'
					});
				});
			}
		}
	};
</script>

</html>
